    .middle {
        min-width: 1000px;
        height: 1460px;
        border: 1px solid black;
        margin: 0 auto;
        margin-top: 50px;
    }
    
    .middle .middle_up {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        border-bottom: 1px solid black;
    }
    
    .middle .middle_up .middle_up_left {
        width: 600px;
        height: 400px;
        border: 1px solid black;
    }
    
    .middle .middle_up .middle_up_right {
        width: 400px;
        height: 400px;
        border: 1px solid black;
    }
    
    .middle .middle_up .middle_up_right .middle_up_right_up {
        width: 400px;
        height: 150px;
        border: 1px solid black;
    }
    
    .middle .middle_up .middle_up_right .middle_up_right_down {
        width: 400px;
        height: 250px;
        border: 1px solid black;
        display: flex;
        /* 允许换行 */
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
    }
    
    .middle .middle_up .middle_up_right .middle_up_right_down div {
        /* 250/4 */
        height: 60px;
        /* 400/3 */
        width: 130px;
        border: 1px solid black;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    
    .middle .middle_up .middle_up_right .middle_up_right_down .icon {
        width: 50px;
        height: 50px;
        border: 1px solid black;
    }